* { margin: 0; padding: 0; text-decoration: none; -webkit-user-select: none; }
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
:root { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased; }
.clearfix:before,
.clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
html { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0; font-size: 15px; color: #898989; line-height: 1.65em; background: transparent; }
.fl { float: left; }
.fr { float: right; }
.hide{ display: none; }
.h50{height:50px;}
#main { max-width: 400px; margin: 0 auto;background-size: cover;background-position: center center;background-repeat: no-repeat;}

#main .imgBox img{ width: 100%; }
#main p{ margin: 10px 15px; }
img {
vertical-align: middle;border: 0;
}
.mt-20{margin-top: -20px;}
.mt-30{margin-top: -30px;}

.tBox{background: #f1f2f6;color: #132c4a;padding:4px 10px;}

/*banner*/
#swipeNav { position: absolute; bottom: 12px; width: 100%; pointer-events: none; list-style: none; margin: 0; overflow: hidden; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; color: #fff; padding: 5px 0; text-indent: 10px; z-index: 1000; text-align: center; }
#swipeNav li { display: inline-block; margin: 0 4px; width: 8px; height: 8px; border-radius: 4px; background: rgba(144, 144, 144, 0.8); }
#swipeNav li.on { background: rgba(255, 255, 255, 1); }
.swipe { overflow: hidden; visibility: hidden; position: relative; }
.swipe-wrap { overflow: hidden; position: relative; z-index: 10; }
.swipe-wrap > div { float: left; width: 100%; position: relative; }
.swipe-wrap a { display: block; }
#mySwipe { width: 100%; margin: 0 auto; }
#mySwipe img { width: 100%; vertical-align: middle; }
.banner.fix{position: relative;top: -30px;}
.banner.fix #swipeNav {position: fixed;width: 320px;left: 50%;margin-left: -160px;}

.detailInfo{padding: 5px 10px;border-bottom: 1px solid #d1d1d1;}
.detailInfo .title{color: #142b48;font-size: 17px;margin-top: 2px;margin-left: 5px;}
.detailInfo .subTitle{color: #68819c;margin-left: 5px;}
.detailContent{padding: 10px;}
.detailContent.mini{padding:5px 10px;}
.detailContent h4{margin-bottom: 6px;}
#followBtn{display: block;position:fixed;bottom:10px;background: #b7d200;border-radius: 4px;color: #fff; text-align: center; width: 94%;margin: 3px 3%;height: 38px;font-size: 18px;line-height: 38px;}
#followBtn:active,#followBtn:hover{background: #91A701;}

.msgInfo{margin: 0 10px 10px 10px;padding: 10px 0 ;border-bottom: 1px solid #cfcfcf;}
.msgInfo  .title{font-size: 17px;color: #333}
.msgInfo  .dateTime{font-size: 12px;color: #b3b3b3}
